import React from 'react'

export default (props: any) => {
    const { data ,navList} = props
    const ulStyle = {
        display: "flex", margin: 0, padding: "10px 0",
        justifyContent: "space-between", backgroundColor: data.bg_color
    }
    return (

        <ul style={ulStyle}>

            {
                navList.map((item: any, inx: number) => {
                    return (
                        <li style={{ flex: 1, textAlign: "center" }} key={inx}>
                            <img src={item.url} alt="" style={{ width: "20px" }} />
                        </li>
                    )
                })
            }
        </ul>

    )
}